/****************************************************** modal start */
.modal.fade .modal-dialog { width: 100%; height: 100%; margin-top: 0; }

@media (min-width: 768px) { .modal-dialog { margin: 0; } }

.modal-content { width: 721px; margin: 0 auto; border-radius: 4px; overflow: hidden; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.modal-header { height: 60px; padding-top: 18px; box-sizing: border-box; background-color: #f1f1f1; }

.modal-body { padding-top: 30px; padding-bottom: 20px; }

.modal-body .bd-box { width: 500px; margin-left: auto; margin-right: auto; box-sizing: border-box; }

.modal-body .folder_label { float: left; width: 80px; height: 50px; line-height: 50px; font-weight: normal; }

.modal-body #editArea { float: left; width: 380px; height: 50px; line-height: 50px; outline: none; margin-left: 10px; }

.folder_body { width: 500px; margin: 0 auto; }

.modal-footer { border-top: 0; padding-top: 0; padding-bottom: 40px; text-align: center; }

.modal-footer p { margin: 0; }

.modal-footer .cancel { width: 140px; height: 50px; line-height: 50px; padding: 0; border: 0; background-color: #f1f1f1; border-radius: 2px; }

.modal-footer .btn + .btn { margin-left: 20px; }

.modal-footer .confirm { width: 200px; height: 50px; line-height: 50px; padding: 0; border: 0; border-radius: 2px; background-color: #23a8f5; }

.fileList { margin: 20px auto; width: 89.28571%; border: 1px solid #e9ecef; background: #fff; }

.fileRow ul { margin: 0; padding: 0; }

.fileRow li { overflow: hidden; padding: 10px 2.33333%; list-style: none; margin: 0; background: #fff; border-bottom: 1px solid #e9ecef; }

.fileRow li:last-child { border-bottom: none; }

.fileRow li:hover { background: #f5f8f9; }

.fileRow .rfileName { float: left; height: 30px; line-height: 30px; }

.fileRow .rfileName:hover span { color: #23a8f5; }

.fileRow .rfileName i { color: #23a8f5; vertical-align: middle; font-size: 18px; }

.fileRow .rfileName span { color: #333; margin-left: 15px; }

.fileRow .rfileNum, .fileRow .rfileTime, .fileRow .rfileBtn { float: right; height: 30px; line-height: 30px; }

.fileRow .rfileNum { margin-right: 11.66667%; color: #333; }

.fileRow .rfileTime { margin-right: 11.66667%; color: #999; }

.fileRow .rfileBtn { float: right; }

.fileRow .rfileBtn i { float: right; margin-left: 15px; cursor: pointer; vertical-align: middle; }

.creatBar { padding: 10px 2.33333%; overflow: hidden; display: none; background: #f5f8f9; border-bottom: 1px solid #e9ecef; }

.creatBar .cwrap { height: 30px; line-height: 30px; overflow: hidden; }

.creatBar .cfileBtn { float: right; }

.creatBar .cfileBtn i { float: right; margin-left: 15px; cursor: pointer; vertical-align: middle; }

.creatBar .cfileName { float: left; }

.creatBar .cfileName i { color: #23a8f5; vertical-align: middle; font-size: 18px; }

.creatBar .cfileName input { border: 1px solid #ddd; padding: 0 13px; border-radius: 3px; margin-left: 15px; padding-right: 30px; background: transparent; height: 30px; line-height: 30px; outline: none; }

.creatBar .cfileName input:active { border: 1px solid #ddd; }

.creatBar .cfileName input:focus { border: 1px solid #ddd; }

.creatBar .cfileName input:visited { border: 1px solid #ddd; }

.fileBar { padding: 10px 2.33333%; overflow: hidden; border-bottom: 1px solid #e9ecef; }

.fileBar h3 { font-size: 16px; padding: 0; margin: 0; color: #000; float: left; height: 30px; line-height: 30px; }

.fileBar .barRight { float: right; height: 30px; overflow: hidden; }

.fileBar .barRight .barBtn { float: right; cursor: pointer; line-height: 30px; height: 30px; color: #23a8f5; margin-left: 30px; }

.fileBar .barRight .barBtn i { vertical-align: middle; }

.fileBar .barRight input { border: 1px solid #23a8f5; float: right; padding: 0 13px; border-radius: 3px; padding-right: 30px; height: 30px; line-height: 30px; outline: none; }

.fileBar .barRight input:active { border: 1px solid #23a8f5; }

.fileBar .barRight input:focus { border: 1px solid #23a8f5; }

.fileBar .barRight .fileSearch { position: relative; color: #23a8f5; vertical-align: middle; float: right; cursor: pointer; }

.fileBar .barRight .fileSearch i { position: absolute; right: 10px; top: 5px; }

.modal.in .modal-dialog { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); }

#editArea { padding: 5px 10px; border: 1px solid #ddd; width: 100%; }

.cYesBtn { background: #23a8f5; float: left; color: #fff; text-align: center; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 3px; display: block; margin-right: 15px; cursor: pointer; }

.cNoBtn { background: #999; float: left; color: #fff; text-align: center; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 3px; cursor: pointer; display: block; }

.regular-checkbox { display: none; }

.regular-checkbox + label { background-color: #fff; border: 1px solid #cacece; margin-right: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; display: inline-block; position: relative; vertical-align: middle; }

.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

.regular-checkbox:checked + label { background-color: #fff; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); color: #99a1a7; vertical-align: middle; }

.regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: -5px; left: 3px; color: #999; }

.fileDetailRow .rfileName { width: 23%; display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 1; -moz-line-clamp: 1; overflow: hidden; }

.fileDetailRow .rfileTime { width: 20%; margin-right: 0; float: left; display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 1; -moz-line-clamp: 1; overflow: hidden; }

.fileDetailRow .rfileSize { float: left; height: 30px; width: 15.33333%; line-height: 30px; display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 1; -moz-line-clamp: 1; overflow: hidden; }

.bread { margin: 0; padding: 0; list-style: none; }

.bread li { float: left; display: inline-block; }

.bread li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

.bread li a { color: #363f44; cursor: pointer; }

.bread li.tap, .bread li.tap a { color: #23a8f5; }

.bread li.tap:before { display: none; }

.bg-clear img { margin-top: 20px; }

.bg-clear p { margin-top: 60px; margin-bottom: 40px; }
